<template>
    <div>
        <p>this is slot</p>
        <slot-item1>
            <p :slot="'banana'">banana</p>
            <p :slot="'apple'">apple</p>
            <template v-slot:banana>
                <p class="pear">pear</p>
            </template>
            <template v-slot:tomato='value'>
                {{value.num > 0? 'tomato' : 'nothing'}}
            </template>
        </slot-item1>
    </div>
</template>

<script>
import slotItem1 from './components/SlotItem1'
export default {
    components: {
        slotItem
    },
    data() {
        return {}
    }
}
</script>